<%--
  Created by IntelliJ IDEA.
  User: lxj
  Date: 2021/5/27
  Time: 21:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%--引入jstl标签,这个不算在线引入,在pom中还要引入依赖--%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>下载资源展示</title>


    <!--引入 Bootstrap  和 jquery   需要联网-->
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
<%--controller传过来一个集合  里面是图片对象--%>
<c:forEach items="${tupians}" var="tupian">
    <p style="text-align: center;margin-bottom: 50px"><img style="margin-bottom: 20px;width: 700px;height: 300px" src=" ${tupian.url}" alt="1234"> </p>                    <%--alt的意思万一没找到用1234代替名字--%>
    <p style="text-align: center;margin-bottom: 50px">  ${tupian.name}</p>

    <p style="text-align: center;margin-bottom: 50px"><a style="color: chocolate" href=" ${pageContext.request.contextPath}/wenjian/download?url=${tupian.url}&name=${tupian.name} "> 下载</a></p>
</c:forEach>

</body>
</html>
